<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:include="head :: common_head(~{::title},~{::link})">
    <title>userInput</title>
    <link rel="stylesheet" th:href="@{/sys/userInput/userInput.css}" media="all" />
</head>
<body>
    <div class="div-body">

        <blockquote class="layui-elem-quote">
            <span class="span-title">系统管理 / 用户录入</span>
        </blockquote>

        <div class="div-main">
            <div class="layui-card layui-card-useradd">
                <div class="layui-card-header">用户录入</div>
                <div class="layui-card-body" >
                    <div class="div-useradd-from">
                        <form class="layui-form useradd-form" lay-verify="useradd-form">
                            <div class="layui-form-item">
                                <label class="layui-form-label"><span>* </span>账号：</label>
                                <div class="layui-input-block">
                                    <input type="text"  name="userid" maxlength="8"  required lay-verify="required" placeholder="请输入账号" autocomplete="off" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label"><span>* </span>用户名称：</label>
                                <div class="layui-input-block">
                                    <input type="text" name="username" maxlength="50" required lay-verify="required" placeholder="请输入用户名称" autocomplete="off" class="layui-input">
                                </div>
                            </div>

                            <div class="layui-form-item">
                                <label class="layui-form-label"><span>* </span>密码：</label>
                                <div class="layui-input-block">
                                    <input type="text" name="password" maxlength="12" required lay-verify="custompassword|required" placeholder="请输入密码（6-12位英文数字组合）" autocomplete="off" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <div class="layui-input-block btn-block">
                                    <button type="reset" class="layui-btn layui-btn-sm layui-btn-primary useradd-primary">重置</button>
                                    <button class="layui-btn layui-btn-sm btncolor" lay-submit lay-filter="useradd">立即提交</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>

            <div class="layui-card layui-card-usertable">
                <div class="layui-card-header ">用户信息</div>
                <div class="layui-card-body ">
                    <form class="layui-form table-form" lay-verify="table-form">
                        <div class="layui-form-item">
                            <label class="layui-form-label" style="width: 65px;padding: 9px 5px;">账号<span style="font-weight: bold;color: #0C0C0C">：</span></label>
                            <div class="layui-input-block" style="margin-left: 65px">
                                <input type="text" name="vUserID" maxlength="8" placeholder="请输入账号" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label"style="width: 95px;padding: 9px 5px;">用户名称<span style="font-weight: bold;color: #0C0C0C">：</span></label>
                            <div class="layui-input-block" style="margin-left: 95px">
                                <input type="text" name="vUserName" maxlength="50" placeholder="请输入用户名称" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <div class="layui-input-block btn-block">
                                <button class="layui-btn layui-btn-sm btncolor" lay-submit  lay-filter="table" style="margin-left: 20px"><i class="layui-icon">&#xe615;</i>查询</button>
                            </div>
                        </div>
                    </form>


                    <div style="width: 100%">
                        <table id="userTable" lay-filter="userTable"></table>
                    </div>

                </div>
            </div>
        </div>

    </div>
    <div th:replace="head :: common_js(~{::script})">
        <script type="text/javascript" th:src="@{/sys/userInput/userInput.js}"></script>
    </div>

</body>
</html>